@charset "utf-8";
/* CSS Document */


body
{
	background-color: #333;
	position: relative;
}

.image
{
	width: 100%;
	height: 100%;
}

.image img{ width: 100%; }

.button_prev, .button_next
{
	width: 3em;
	height: 3em;
	color: #333;
	background-color: #DDD;
	position: absolute;
	opacity: 0.4;
	border-radius: 50%;
}

.button_prev{ left: 3%; }

.button_next{ right: 3%; }

.page_button
{
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 1.5em;
}

.button_thumb
{
    position: fixed;
    top: 5%;
    right: 5%;
    opacity: 0.4;
	background-color: #DDD;
	color: #555;
	border-radius: 4px;
	z-index: 2;
}

.button_thumb span
{
	font-size: 1.5em;
	padding: 0.4em;
}

.photo_thumb_list
{
	background-color: #333;
	display: none;
	top: 0;
	column-count: 3;
}

.photo_thumb_list img
{
	/*vertical-align: top;*/
	margin-bottom: 0.4em;
}
